<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>

	<style>
.ui-widget,.ui-widget .ui-widget {
	font-size: 11px !important;
}
</style>
	<title>Cadastro de Receitas</title>
	<link rel="stylesheet" type="text/css" href="css/estilos.css" />
</h:head>
<body>
	<h:form id="form">
		<p:messages id="messages" showDetail="false" autoUpdate="true"
			closable="true" />
		<p:panel id="mReceitaPanel" style="border: none;">
			<h2>Cadastro de Receitas</h2>
			<h:panelGrid columns="1" cellpadding="2" style="border: 2px;">
				<h:outputText value="Código " />
				<p:inputText id="mReceitaIdReceita"
					value="#{beanReceita.receita.id}" size="7" disabled="true" />
			</h:panelGrid>

			<h:panelGrid columns="5" cellpadding="2">
				<h:outputText value="Produto* " />
				<h:outputText value="" />
				<h:outputText value="" />
				<h:outputText value="Custo Fixo" />
				<h:outputText value="Custo Variavel" />

				<p:inputText id="mReceitaIdProduto"
					value="#{beanReceita.receita.produto.id}" maxlength="40" size="7">
					<p:ajax event="change" process="@this"
						listener="#{beanReceita.hotFindProduto}" update="mReceitaProduto" />
				</p:inputText>
				<p:inputText id="mReceitaProduto"
					value="#{beanReceita.receita.produto.descricao}" maxlength="40"
					size="50" disabled="true" binding="#{beanReceita.nomeProduto}" />
				<p:commandButton id="mReceitaSelesctProduto" icon="ui-icon-search"
					title="Selecionar Produto" onclick="dConsultaProduto.show()"
					update="mReceitaPanelProdutos">
					<f:setPropertyActionListener value="true"
						target="#{beanProduto.produzido}" />
				</p:commandButton>
				<p:inputText id="mReceitaCustoF"
					value="#{beanReceita.receita.custoFixo}" size="7" />
				<p:inputText id="mReceitaCustoV"
					value="#{beanReceita.receita.custoVariavel}" size="7" />
			</h:panelGrid>
			<br></br>

			<p:panel id="mReceitaInsumos" header="Ingredientes"
				style="border: 1;">
				<h:panelGrid columns="6" cellpadding="2">
					<h:outputText value="Ingrediente *" />
					<h:outputText value="" />
					<h:outputText value="" />
					<h:outputText value="Quantidade" />
					<h:outputText value="Uni. Medida" />
					<h:outputText value=" " />

					<p:inputText id="mReceitaIdInsumo" value="#{beanReceita.insumo.id}"
						maxlength="40" size="7">
						<p:ajax event="change" process="@this"
							listener="#{beanReceita.hotFindInsumo}"
							update="mReceitaItem, mReceitaUnidade" />
					</p:inputText>
					<p:inputText id="mReceitaItem"
						value="#{beanReceita.insumo.descricao}" maxlength="40" size="50"
						disabled="true" />
					<p:commandButton id="mReceitaSelesctIngrediente"
						icon="ui-icon-search" title="Selecionar Ingrediente"
						onclick="dConsultaInsumo.show()" update="mReceitaPanelInsumo">
						<f:setPropertyActionListener value="true"
							target="#{beanReceita.beanProduto.insumo}" />
					</p:commandButton>

					<p:inputText id="mReceitaQuantidade"
						value="#{beanReceita.item.quantidade}" size="7" />
					<p:inputText id="mReceitaUnidade"
						value="#{beanReceita.insumo.uniMedida}" size="7" disabled="true" />
					<p:commandButton id="mReceitaAddInsumo" icon="ui-icon-plus"
						action="#{beanReceita.addItem}" title="Adicionar"
						update="mReceitaItens, mReceitaIdInsumo, mReceitaItem, mReceitaQuantidade, mReceitaUnidade">
					</p:commandButton>

				</h:panelGrid>

				<h:panelGrid columns="3" cellpadding="2">

				</h:panelGrid>
				<br></br>

				<p:outputPanel id="mReceitaItens">
					<p:dataTable id="mReceitaItensReceita" value="#{beanReceita.itens}"
						var="item" emptyMessage="A Receita não possui ingredientes.">
						<p:column headerText="Descricao">
							<h:outputText value="#{item.produto.descricao}" />
						</p:column>

						<p:column headerText="Quantidade">
							<h:outputText value="#{item.quantidade}" />
						</p:column>

						<p:column headerText="Uni. Medida">
							<h:outputText value="#{item.produto.uniMedida}" />
						</p:column>

						<p:column width="10">
							<p:commandButton action="#{beanReceita.removeItem}"
								icon="ui-icon-trash" update=":mReceitaForm:mReceitaItens"
								process=":mReceitaForm:mReceitaItens">
								<f:setPropertyActionListener target="#{beanReceita.item}"
									value="#{item}" />
							</p:commandButton>
						</p:column>
					</p:dataTable>
				</p:outputPanel>
			</p:panel>
			<br></br>
			<p:separator />

			<h:panelGrid columns="3" style="float: right;">
				<p:commandButton id="mReceitaSalvar" value="Salvar"
					action="#{beanReceita.save}" update="@form" />
				<p:commandButton id="mReceitaLimpar" value="Limpar"
					action="#{beanReceita.reinit}" update="form" />
				<p:commandButton id="mReceitaVoltar" value="Voltar"
					onclick="history.back()" />
			</h:panelGrid>


			<h:panelGrid columns="4" cellpadding="2" style="float: left;">

				<h:outputText value="Cadastro" />
				<p:inputText id="mReceitaDataCad"
					value="#{beanReceita.receita.criacao}" size="7" disabled="true">
					<f:convertDateTime pattern="dd/MM/yyyy" />
				</p:inputText>

				<h:outputText value="Ultima Alter. " />
				<p:inputText id="mReceitaDataAlteracao"
					value="#{beanReceita.receita.alteracao}" size="7" disabled="true">
					<f:convertDateTime pattern="dd/MM/yyyy" />
				</p:inputText>
			</h:panelGrid>
		</p:panel>


		<p:dialog header="Consultar Produto" widgetVar="dConsultaProduto"
			id="mReceitaConsultaProduto" resizable="false">
			<p:outputPanel id="mReceitaPanelProdutos">
				<ui:include src="/produto/pConsultaProduzido.xhtml"></ui:include>
			</p:outputPanel>
		</p:dialog>

		<p:dialog header="Consultar Produto" widgetVar="dConsultaInsumo"
			id="mReceitaConsultaInsumo" resizable="false">
			<p:outputPanel id="mReceitaPanelInsumo">
				<ui:include src="/produto/pConsultaIngrediente.xhtml"></ui:include>
			</p:outputPanel>
		</p:dialog>

	</h:form>
</body>
</html>